<button (click)="getList()">获取get请求数据</button>
<button (click)="getJsonpData()">通过jsonp请求数据</button>
<ul>
  <li *ngFor="let item of listData">{{item.title}}</li>
</ul>
<hr>
<h1>{{title}}</h1>
<div>{{user.name}}</div>
<div>{{userMsg.name}}---{{userMsg.age}}</div>
<div [title]='titleMsg'>属性动态绑定</div>
<div [innerHTML]='temp'></div>
<ul>
  <!-- *ngFor 及 动态样式 -->
  <li *ngFor="let item of arr;let key = index" [class]="key % 2 == 0 ? 'blue' : 'green'">
    {{key}}---{{item.name}}
  </li>
</ul>
<img src="../../../assets/images/img1.jpg" alt="">
<img src="assets/images/img2.jpg" alt="">
<!-- *ngIf -->
<img *ngIf="flag" [src]="pngUrl" alt="">
<!-- ngSwitch -->
<span [ngSwitch]="status">
  <p *ngSwitchCase="0">
    status = 0
  </p>
  <p *ngSwitchCase="1">
    status = 1
  </p>
  <p *ngSwitchDefault>
    status = 默认值
  </p>
</span>
<!-- ngClass -->
<div [ngClass]="{'green': true}">ngClass---</div>
<div [ngClass]="{'blue': status == 0,'green': status == 1}">ngClass+++</div>
<!-- ngStyle -->
<div [ngStyle]="{'color': 'orange'}">火狐</div>
<!-- 管道 | -->
<div>今日日期为：{{todayDate | date:'yyyy-MM-dd'}}</div>
<!-- 事件 需要加上括号() -->
<button (click)="getDate()">执行事件</button>
<!-- 表单 -->
<input type="text" (keyup)="keyUp($event)">
<!-- 双向数据绑定 -->
<input type="text" [(ngModel)]="inputWords">
<div>{{inputWords}}</div>
<button (click)="changeInputWords()">测试双绑</button>
